<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<link rel="stylesheet" type="text/css" href="../../css/eleme_icons.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/mainpages.css"/>
		<title></title>
	</head>
	<body>
		<div>
			<div>
				<header class="top">
					<div class="header">
						<h1>
							<a href="" class="top-logo">
									<span class="icon-logo"></span>
							</a>
						</h1>
						
						<a href="" class="top-item">首页</a>
						<a href="" class="top-item">我的订单</a><!--地址导向注册页面-->
						<a href=""class="top-item ">加盟合作</a>
						<div class="top-nav">
							<div class="top-rulebox">
								<a href="" class="top-rule">规则中心</a>
							</div>
							<div class="top-mobilebox">
								<i class="top-mobile-application icon-mobile"></i>手机应用
								<div class="dropbox top-mobile-dropbox">
									<span>扫一扫，手机订餐更方便</span>
									<img src='../../resources/img/shoplist/weixin.png' class="topbar-nav-qrcode" alt="扫一扫下载饿了么手机 APP"/>
								</div>
							</div>
							<div class="top-LoginRegister">
								<div class="top-LoginRegisterbox">
									<span class="topbar-profilebox-avatar icon-profile">
										<a href="" class="top-profile">登录/注册</a><!--地址导向注册页面-->
									</span>
									<span class=""></span>
								</div>
							</div>
						</div>
					</div>
				</header>
			</div>
		</div>
		
		<div class="sidebar">
			<div class="sider-tabs">
				<div class="toolbar-tabs-middle">
					<a href="" class="toolbar-btn icon-order toobar-close"></a>
					<div class="toolsbar-separator"></div>
					<a href="JavaScript:" class="toolbar-cartbtn icon-cart toolbar-open"  id="move">购物车</a>
					<div class="tooltip tooltip-placeleft" stype="left:-82px;top:159px">
						<div class="tooltip-arrow"></div>
						<div class="tooltip-content">我的信息</div>
					</div>
					<div class="toolbar-btn icon-notice toolbar-open modal-hide"></div>
				</div>
				<div class="toolbar-tabs-bottom">
					<div class="toolbar-btn icon-QR-code">
						<div class="dropbox toolbar-tabs-dropbox">
							<a href="">
								<img src="../../resources/img/shoplist/weixin.png"/>
								<p>下载手机应用</p>
								<p class="icon-QR-code-bonus">即可参加分享红包活动</p>
							</a>
						</div>
					</div>
					<div class="toolbar-btn actGotop icon-top">
						<!--<a  href="JavaScript:" tooltip="回到顶部" title="回到顶部"></a>	-->
					</div>
				</div>
			</div>
			<div class="siderbar-content" >

				<!-- 添加了一个ng-car的类名 -->
				<div class="ng-scope ng-car">
					<div class="ng-scope">
						<div class="sidebarcart-caption">
							<a href="javascript:" class="ng-binging">购物车</a>
							<span class="icon-angle-double-right">
							</span>
						</div>
						<div class="sidebarcart-summary ng-hide">
							<p>共
								<span class="color-stress ng-binding">0</span>
							份，总计<span class="color-stress ng-binding"></span>
							</p>
							<button class="sidebarcart-submit ng-binding sidebarcart-hasagio">购物车是空的</button>
						</div>
						<div class="sidebarcart-notice ng-scope">
							<i class="icon-history"></i>
							<h3>购物车空空如也</h3>
							<p>快去订餐吧，总有你心仪的美食</p>
						</div>
					</div>
				</div>

				
				<!-- 添加了一段消息按钮的HTML，从饿了么复制过来的，你再改改-->
				<div class="ng-scope ng-message">
					<div class="ng-scope">
						<div class="sidebarmessage-title">
							我的消息
							<span class="icon-angle-double-right" ng-click="toggleSidebar()"></span>
						</div>
						<div ng-show="messageList.$resolved &amp;&amp; !messageList.length" class="sidebarmessage-notice">
							<i class="icon-notice"></i>您没有新的消息哦
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="scope">

			<div class="place-nav">
				<span class="">当前位置:</span>
				<span class="place-nav-current">
					<a href="" class="">雨花台区江苏警官学院（安德门校区）</a>
					<span class="">
						<a href="" class="switchaddress">[切换地址]</a>
					</span>
				</span>
				<div class="place-search">
					<a href="" class="place-search-btn icon-search"></a>
					<lable for="globalsearch"></lable>
					<input type="text" id="globalsearch" class="place-search-input" placeholder="搜索商家，美食…"/>
				</div>
			</div>
			<div class="place-tab">
				<div class="place-fetchtakeout">
					<img src="../../resources/img/shoplist/takeout.png" alt="谁去拿外卖" />
				</div>
			</div>
			<div class="container">
				<div class="filter-nav">
					<div class="filtre">
						<div class="filter-name">商家分类：</div>
						<div class="filter-menu">
							<a href="JavaScript:" class="filter-item">全部商家</a>
							<a href="JavaScript:" class="filter-item">美食</a>
							<a href="JavaScript:" class="filter-item">快餐便当</a>
							<a href="JavaScript:" class="filter-item">特色菜系</a>
							<a href="JavaScript:" class="filter-item">异国料理</a>
							<a href="JavaScript:" class="filter-item">小吃夜宵</a>
							<a href="JavaScript:" class="filter-item">甜品饮品</a>
							<a href="JavaScript:" class="filter-item">果蔬生鲜</a>
							<a href="JavaScript:" class="filter-item">商店超市</a>
							<a href="JavaScript:" class="filter-item">鲜花绿植</a>
							<a href="JavaScript:" class="filter-item">医药健康</a>
							<a href="JavaScript:" class="filter-item">早餐</a>
							<a href="JavaScript:" class="filter-item">午餐</a>
							<a href="JavaScript:" class="filter-item">下午茶</a>
							<a href="JavaScript:" class="filter-item">晚餐</a>
							<a href="JavaScript:" class="filter-item">夜宵</a>
						</div>
						<div class="filter-subbox">
							<a class="filter-item" href="JavaScript:">全部</a>
							<a class="filter-item"  href="JavaScript:">简餐便当</a>
							<a class="filter-item"  href="JavaScript:">小吃炸串</a>
							<a class="filter-item"  href="JavaScript:">地方菜系</a>
							<a class="filter-item"  href="JavaScript:">面食粥点</a>
							<a class="filter-item"  href="JavaScript:">香锅冒菜</a>
							<a class="filter-item"  href="JavaScript:">汉堡披萨</a>
							<a class="filter-item"  href="JavaScript:">日韩料理</a>
							<a class="filter-item"  href="JavaScript:">轻食西餐</a>
						</div>
					</div>
				</div>
				<div class="place-rstbox">
					<div class="clearfix" style="height: 4200px;"><!--设置了高度-->
						<a href="JavaScript:"class="shopcard"id="test">
							<div class="shopcard-logo">
								<img src="../../resources/img/shoplist/shoplog1.webp" alt="" width="70px" height="70px"class="shopcard-logo-icon"/>
								<span>29分钟</span>
								<div class="shopcard-logo-premiumsign"></div>
							</div>
							<div class="shopcard-content">
								<div class="shopcard-title">绝味鸭脖（安德门地铁站店）</div>
								<div class="starrat icon-star">
									<span class="icon star" style="92%"></span>
									<span class="shopcard-mouthsales">月售129单</span>
									<div class="shopcard-cost">配送费￥4</div>
									<div class="shopcard-activity">
										<i style="background: #fff;color: #999999;border: 1px solid;padding: 0;">保</i>
									</div>
								</div>
							</div>
							<div class="shopcard-recommen placeright placeleft alignbottom" style="">
								<div class="tooltip-left-arrow">
									<div class="tooltip-left-arrow-small"></div>
								</div>
								<div class="shopcard-recommen-title">绝味鸭脖（安德门地铁站店）</div>
								<div class="shopcard-recommen-flavors"></div>
								<ul class="shopcard-recommen-activities"></ul>
								<ul class="shopcard-recommen-delivery">
									<li>配送费￥4</li>
									<li>平均<span class="color-stress plrtiny">29</span>分钟送达</li>
								</ul>
								<div class="shopcard-recommen-notice">没有什么是一根绝味鸭脖解决不了的，一根不行那就两根，爽的你直喊还要！闪电客服400-999-5917，小鸭鸭竭诚为您服务！</div>
							</div>
						</a>
					</div>
				</div>
			</div>
		</div>
		<!--谁去拿外卖层-->
		<div class="bgimg"></div>
		<div class="fetchtakeout-dialog">
			<div class="fetchtakeout-dialog-header">
				<a href="JavaScript:" class="fetchtakeout-close icon-close"></a>
				<h3>谁去拿外卖</h3>
			</div>
			<div class="fetchtakeout-dialog-body">
				<div class="fetchtakeout-wrapper">
					<h2 class="fetchtakeout-badge"></h2>
					<button class="fetchtakeout-btn"></button>
					<div class="fetchtakeout-rules"><div class="before"></div> 随机到最小的数字的人去拿 <div class="after"></div> </div>
					<div class="fetchtakeout-emptytext">↓Start</div>
						<ul class="fetchtakeout-list" >
								<li ></li>
						</ul>

				</div>
			</div>
		</div>
		<footer class="footer">
			<div class="footer-box">
				<div class="footer-link">
					<h3 class="footer-link-title">用户帮助</h3>
					<a href="" class="footer-link-item">常见问题</a>
				</div>
				<div class="footer-link">
					<h3 class="footer-link-title">商务合作</h3>
					<a href="" class="footer-link-item">我要开店</a>
					<a href="" class="footer-link-item">加盟合作</a>
					<a href="" class="footer-link-item">市场合作</a>
					<a href="" class="footer-link-item">开放平台</a>
				</div>
				<div class="footer-link">
					<h3 class="footer-link-title">关于我们</h3>
					<a href="" class="footer-link-item">饿了么介绍</a>
					<a href="" class="footer-link-item">加入我们</a>
					<a href="" class="footer-link-item">联系我们</a>
					<a href="" class="footer-link-item">规则中心</a>
				</div>
				<div class="footer-mobilebox">
						<div class="footer-mobile-item">24小时客服电话:10105757
						</div>
					<div class="footer-mobile-item">关注我们：
						<div href="" class="icon-wechat">
							<div class="dropbox footer-wechat-dropbox">
								<img class="" src="../../resources/img/shoplist/weixin.png" alt="微信号: elemeorder" />
								<p>微信号: elemeorder</p>
								<p>饿了么网上订餐</p>
							</div>
						</div>
						<a href="http://e.weibo.com/elemeorder" class="icon-weibo"></a>
					</div>
				</div>
				<div class="footer-mobile">
					<a href="">
						<img src="../../resources/img/shoplist/weixin.png" class="footer-mobile-icon" alt="扫一扫下载饿了么手机 APP"/>
					</a>
					<div class="footer-mobile-tecent">
						<h3>下载手机版</h3>
						<p>扫一扫，手机订餐方便</p>
					</div>
				</div>
				<div class="footer-ownership">
					<h5>所有方：上海拉扎斯信息科技有限公司</h5>
					<p>增值电信业务许可证：
						<a href="http://www.shca.gov.cn/" >沪B2-20150033</a>
						<a href="http://www.miibeian.gov.cn/" >沪ICP备 09007032</a>
						<a href="http://www.sgs.gov.cn/lz/licenseLink.do?method=licenceView&entyId=20120305173227823" >上海工商行政管理</a> Copyright ©2008-2017 ele.me, All Rights Reserved.
					</p>
				</div>
				<div class="footer-police">
					<a href="http://www.zx110.org/picp/?sn=310100103568" >
						<img src="../../resources/img/shoplist/police.jpg" alt="已通过沪公网备案，备案号 310100103568" height="30px"/>
					</a>
				</div>
			</div>
			<div class="to_top_btn"></div>  
		</footer>
		<a class="actGotop"></a>
		<script src="../../js/lib/jquery-3.2.1.min.js" type="text/javascript"></script>
		<script src="../../js/mainpages.js" type="text/javascript"></script>
	</body>	
</html>
